// 搜索列表
// 获取参数
// keywords: 水
// order: 1
// p: 1
var page = 1;//默认加载第一页
$(function () {
  var keywords = GetQueryString("keywords");
  //加载搜索列表
  function loadSearchList (keywords, order, p) {
    console.log(keywords)
    $.ajax({
      url: "https://api.ymduo.com/search/index",
      type: "post",
      data: {
        keywords: keywords,
        order: order,
        p: p,
      },
      success: function (res) {
        console.log(res)
        var data = res.result.data;
        var str = '';
        $.each(data, function (index, ele) {
          str += `<div class="hot_one">
          <img src="${ele.image}" alt="">
          <p>${ele.goods_name}</p>
          <div class="price">
            <span>￥${ele.price}</span>
            <span>销量：${ele.pay_num}</span>
            <button>找相似</button>
          </div>
        </div>`
        })
        $(".hot_list").html(str)
      }
    })
  }
  loadSearchList(keywords, 1, page)//默认加载
  // 销量排序
  $(".payOrder").click(function (params) {
    console.log(1111)
    $(this).toggleClass("active");
    if ($(this).hasClass("active")) {
      loadSearchList(keywords, 2, page)//2 销量从低到高 
    } else {
      loadSearchList(keywords, 1, page)// 1销量从高到低   
    }
  })
  // 价格排序
  $(".priceOrder").click(function () {
    $(this).toggleClass("active");
    if ($(this).hasClass("active")) {
      loadSearchList(keywords, 3, page)//  3 价格由高到低
    } else {
      loadSearchList(keywords, 4, page) // 4价格从低到高
    }
  })
  // 分页下一页
  $(".next").click(function () {
    page++
    loadSearchList(keywords, 4, page) // 4价格从低到高
  })
  // 分页上一页
  $(".prev").click(function () {
    page--
    if (page < 1) {
      page = 1;
    }
    loadSearchList(keywords, 1, page) // 4价格从低到高
  })
})